<!--
 * @Author: g05047
 * @Date: 2021-08-18 15:00:59
 * @LastEditors: g05047
 * @LastEditTime: 2021-08-18 15:17:59
 * @Description: file content
-->
<!--
 * @Author: g05047
 * @Date: 2020-10-19 17:23:41
 * @LastEditors: g05047
 * @LastEditTime: 2021-07-19 09:17:00
 * @Description: file content
-->
<template>
  <div class="topTab">
    <div
      style=" height: 35px; line-height: 35px; background-color: #EAEAEA; margin-bottom: 10px;"
    >
      <div style="float: left; height: 30px; width: 30px; margin-top: 1px;">
        <!-- <img src="@/assets/images/ysjx.png" height="32" width="32" /> -->
      </div>
      <div style="float: left; height: 30px; font-size: 16px;">{{ text }}</div>
      <span style="float: left; height: 30px; font-size: 12px;color:red">{{
        remark
      }}</span>
      <span class="left">
        <slot name="box-left"></slot>
      </span>
      <span class="right">
        <slot name="box-right"></slot>
      </span>
    </div>
    <div class="content">
      <slot name="box-content"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    text: {
      type: String,
    },
    remark: {
      type: String,
    },
  },
  mounted() {},
};
</script>
<style lang="less" scoped>
.topTab {
  .content {
    padding-left: 10px;
    padding-bottom: 10px;
  }
  .right {
    float: right;
    height: 35px;
    line-height: 35px;
  }
  .left {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
  }
  /deep/ .el-button {
    height: 34px;
    // padding-bottom: 1px;
  }
}
</style>
